<template>
    <div>
        <div class="imgBox">
            <img :src="props.item.cover"/>
            <span>{{ props?.item.score }}</span>
            <span class="shadow"></span>
        </div>
        <div class="titleBox">
            <span>{{ props.item.title }}</span>
            <span>{{ props.item.lable }}</span>
        </div>
    </div> 
</template>

<script lang="ts" setup>
interface Props{
    item:{
        cover:string,
        score?:string,
        title:string,
        lable:string,
    }
}

const props = defineProps<Props>()
</script>

<style lang="scss" scoped>
@import url(../../../assets/css/TVItem.scss);
</style>